{% extends 'IcsocUIBundle::base.html.twig' %}

{% block content %}
    <div class="col-xs-4">
        <label for="form-field-9">With Character Limit</label>
        <textarea class="form-control limited" id="form-field-9" maxlength="50"></textarea>
    </div>
    <div class="col-xs-4">
        <label for="form-field-11">Autosize</label>

        <textarea id="form-field-11" class="autosize-transition form-control"></textarea>
    </div>

{% endblock %}
{% block footer %}
    {% javascripts
    '@limiter_js'
    '@autosize_js'
    filter='uglifyjs'
    %}
    <script src="{{ asset_url }}"></script>
    {% endjavascripts %}
    <script>
        jQuery(function($){
            $('textarea[class*=autosize]').autosize({append: "\n"});
            $('textarea.limited').inputlimiter({
                remText: '%n character%s remaining...',
                limitText: 'max allowed : %n.'
            });
        });
    </script>
{% endblock %}